<template>
  <div class="body">
    <headerNav class="headerNavBox"/>
    <sideNav />
    <div class="content">
      <div class="template">
        <breadcrumb v-if="breadcrumbTrue" :showBack="true" :bStyle="bStyle" :index="{path:'/manage'}"/>
        <router-view/>
      </div>
      <div class="footer">
        2021 © shopManage by lzy <br><hr class="hr">
        <span>lzy商城后台管理系统</span>
      </div>
    </div>
  </div>
</template>
<script>
import breadcrumb from "@/components/index/breadcrumb";
import headerNav from "@/components/manage/headerNav";
import sideNav from "@/components/manage/sideNav";
export default {
  name:'manage',
  components:{
    headerNav,
    sideNav,
    breadcrumb,
  },
  data(){
    return {
      bStyle:{
        'font-size':'12px'
      },
      viewHeight:0
    }
  },
  computed:{
    breadcrumbTrue:function(){
      return  this.$route.name == 'home' ? false : true
    },
  },
  created(){
    this.viewHeight = document.documentElement.scrollHeight
    // setInterval(() => {
    //   this.viewHeight = document.documentElement.scrollHeight
    // }, 3000);
    // this.viewHeight = document.documentElement.scrollHeight
    // console.log(this.viewHeight);
  },
  methods: {
  },
  watch:{
  }
}
</script>

<style lang="less">
html,body,.body{
  margin:0; padding:0; height:100%;width: 100%;
}
.headerNavBox{
  width: 100%;
}
.body{
.content{
  background: #eff0f4;
  padding: 20px 20px;
  position: absolute;
  width: calc(100% - 245px);
  min-height: 100%;
  top: 60px;
  left: 200px;
  .footer{
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: rgba(65, 63, 63, 0.288);
  }
  .hr{
    color: rgba(65, 63, 63, 0.288);
  }
}
}
</style>